<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Ejemplos de Listas</title>
    </head>
    <body>
        <h1>Listas Ordenadas</h1>
        <ol>
            <li>Mezcle los ingredientes secos íntimamente.</li>
            <li>Vierta los ingredientes líquidos.</li>
            <li>Remueva durante 10 minutos.</li>
            <li>Hornee durante una hora a 300 grados.</li>
        </ol>
        <h1>Listas Desordenadas</h1>
        <ul>
            <li>Item.</li>
            <li>Item.</li>
            <li>Item.</li>
            <li>Item.</li>
        </ul>
        <h1>Ejemplos de Definiciones</h1>
        <dl>
            <dt>Dweeb</dt>
            <dd>
                persona joven y excitable que puede madurar y convertirse
                en un <EM>Nerd</EM> o en un <EM>Geek</EM>
            </dd>

            <dt>Hacker </dt>
            <dd>un programador inteligente</dd>

            <dt>Nerd</dt>
            <dd>técnicamente brillante pero socialmente inútil</dd>
        </dl>
        <hr>
        <dl>
            <dt>Center</dt>
            <dt>Centre</dt>
            <dd> 
                A point equidistant from all points
                on the surface of a sphere.
            </dd>
            <dd> 
                In some field sports, the player who
                holds the middle position on the field, court,
                or forward line.
            </dd>
        </dl>
        <hr>
<dl>
    <dt><strong>Menor coste</strong></dt>
    <dd>¡La nueva versión de este producto cuesta mucho menos que la versión anterior!</dd>
    <dt><strong>Más fácil de usar</strong></dt>
    <dd>¡Hemos cambiado el producto para que sea mucho más fácil de usar!</dd>
    <dt><strong>Seguro para los niños</strong></dt>
    <dd>
        Puede dejar a sus hijos solos en una habitación con este producto
        y no se harán daño (no lo garantizamos).
    </dd>
</dl>
        <h1>Ejemplo de Listas anidadas</h1>
        <dl>
            <dt><strong>Ingredientes:</strong></dt>
            
            <dd>
                <ul>
                    <li>100 g de harina</li>

                    <li>10 g de azúcar</li>

                    <li>1 taza de agua</li>

                    <li>2 huevos</li>

                    <li>sal, pimienta</li>
                </ul>
            </dd>

            <dt><strong>Pasos a seguir:</strong></dt>

            <dd>
                <ol>
                    <li>Mezcle los ingredientes secos íntimamente.</li>

                    <li>Vierta los ingredientes líquidos.</li>

                    <li>Remueva durante 10 minutos.</li>

                    <li>Hornear durante una hora a 300 grados.</li>
                </ol>
            </dd>

            <dt><strong>Notas:</strong></dt>

            <dd>Puede añadir uvas para mejorar la receta.</dd>
        </dl>
    </body>
</html>
